<template>
	<view class="outerView">
		<view class="viewForm">
			<view class="viewRow">
				<view class="viewL">姓名</view>
				<view class="viewR">张三</view>
			</view>
			<view class="viewRow">
				<view class="viewL">身份证号码</view>
				<view class="viewR">456123456456</view>
			</view>
			<view class="viewRow">
				<view class="viewL">店名</view>
				<view class="viewR">点小有</view>
			</view>
			<view class="viewRow">
				<view class="viewL">工商营业执照号码</view>
				<view class="viewR">12345687878</view>
			</view>
			<view class="viewRow">
				<view class="viewL">经营区域</view>
				<view class="viewR">焦作市山阳区</view>
			</view>
			<view class="viewRow" id="addr">
				<view class="viewL">地址</view>
				<view class="viewR">山阳区迎宾路</view>
			</view>
			<view class="address">
				商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍
			</view>
		</view>
		<view class="viewImage">
			<view class="title">营业执照</view>
			<view class="image">
				<image src="/static/swiper4.png"></image>
			</view>
			<view class="title">门面照片</view>
			<view class="image">
				<image src="/static/swiper4.png"></image>
			</view>
			<view class="title">身份证正反面</view>
			<view class="image">
				<image src="/static/swiper4.png"></image>
				<image src="/static/swiper4.png"></image>
			</view>
		</view>
		<view class="bottom">
			<view class="button" @click="navigator">修改</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			navigator(){
				uni.navigateTo({
					url:"/pages/businessInfo/businessInfoEdit/businessInfoEdit"
				})
			}
		}
	}
</script>

<style lang="scss">
	.outerView{
		background-color: #fff;
		padding: 0 40rpx;
	}
	.viewForm{
	}
	.viewRow{
		display: flex;
		border-bottom: 2rpx solid #E5E5E5;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}
	.viewL{
		width: 300rpx;
	}
	#addr{
		border-bottom: 0rpx;
	}
	.address{
		width: 324px;
		height: 73px;
		line-height: 20px;
		background-color: rgba(255,255,255,1);
		color: rgba(136,136,136,1);
		font-size: 14px;
		text-align: left;
		font-family: Microsoft Yahei;
		border: 2rpx solid #E5E5E5;
	}
	.image{
	}
	image{
		width: 300rpx;
		height: 160rpx;
		padding-top: 10rpx;
		padding-right: 30rpx;
	}
	.bottom{
		display: flex;
		justify-content: center;
		padding: 30rpx 0;
	}
	.button{
		left: 35px;
		top: 770px;
		width: 300px;
		height: 38px;
		line-height: 38px;
		border-radius: 4px;
		background-color: rgba(29,111,255,1);
		color: rgba(255,255,255,1);
		font-size: 14px;
		text-align: center;
		font-family: Roboto;
	}
</style>
